<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/hardwareControl.css">
    <link rel="stylesheet" href="./library/bootstrap-4.6.2-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./library/bootstrap-4.6.2-dist/js/bootstrap.min.js">
    <title>Document</title>
</head>
<body background="./image/led-bg.jpg">

        <div class="text-center">
            <img src="./image/led-head.jpg" class="img-fluid" alt="...">
         </div>

         <div class="head-form text-center shadow-lg p-3 mb-5 bg-white rounded">
            <label for="" class="text-center shadow-lg">操作面板</label>
            <table class="table">
                <thead>
                    <th scope="row">hardware</th>
                    <th scope="col">ON/OFF</th>
                    <th scope="col">ON/OFF</th>
                </thead>
                <tbody>
                  <tr>
                <form action="/cgi-bin/a9.cgi" method="get" class="text-center d-flex justify-content-between" name="form0">
                    <th scope="row">
                      <input type="hidden" name="store" id="hiddenField" value="1">
                    <label for="">led:</label>
                    </th>
                    <td scope="col">
                         <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="led" id="led_0" value="0">
                        <label class="form-check-label" for="inlineRadio1">ON</label>
                      </div>
                    </td>
                    <td scope="col">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="led" id="led_1" value="1">
                            <label class="form-check-label" for="inlineRadio2">OFF</label>
                          </div>
    
                    </td>
                    <td scope="col">
                        <button type="submit" class="btn btn-primary mb-2">ok</button>
    
                    </td>
                 </form>
    
                  </tr>
    
                  <tr>
                    <form action="/cgi-bin/a9.cgi" method="get" class="text-center d-flex justify-content-between" name="form1">
                    <th scope="row">
                      <input type="hidden" name="store" id="hiddenField" value="2">
                        <label for="" color="white">beep:</label>
                    </th>
                    <td scope="col">
                        <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="beep" id="beep_0" value="0">
                        <label class="form-check-label" for="inlineRadio1">ON</label>
                      </div>
                    </td>
                    <td scope="col"><div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="beep" id="beep_1" value="1">
                        <label class="form-check-label" for="inlineRadio2">OFF</label>
                      </div>
                    </td>
                    <td scope="col">
                        <button type="submit" class="btn btn-primary mb-2">ok</button>
    
                    </td>
                </form>
    
                  </tr>
                  <tr>
                    <form action="/cgi-bin/a9.cgi" method="get" class="text-center d-flex justify-content-between" name="form2">
                        <th scope="row">
                      <input type="hidden" name="store" id="hiddenField" value="3">
                        <label for="">seg:</label>
                        </th>
                        <td scope="col">
                             <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="seg" id="seg_0" value="0">
                            <label class="form-check-label" for="inlineRadio1">ON</label>
                          </div>
                        </td>
                        <td scope="col">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="seg" id="seg_1" value="1">
                                <label class="form-check-label" for="inlineRadio2">OFF</label>
                              </div>
        
                        </td>
                        <td scope="col">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="text" name="seg" id="textfiled" value="2">
                              </div>
        
                        </td>
                        <td scope="col">
                            <button type="submit" class="btn btn-primary mb-2">ok</button>
        
                        </td>
                     </form>
        
                      </tr>
                  <tr>
                    <form action="/cgi-bin/a9.cgi" method="get" class="text-center d-flex justify-content-between" name="form3">
                    <th scope="col">
                      <input type="hidden" name="store" id="hiddenField" value="4">
                      <label for="" color="white">fan:</label> </th>
                    <td scope="col">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fan" id="fan_0" value="0">
                            <label class="form-check-label" for="inlineRadio1">OFF</label>
                          </div>
                    </td>
                      
                       
                    <td scope="col"> <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="fan" id="fan_1" value="1">
                        <label class="form-check-label" for="inlineRadio2">1</label>
                      </div>
                    </td> 
                    <td scope="col">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fan" id="fan_2" value="2">
                            <label class="form-check-label" for="inlineRadio2">2</label>
                          </div>
                    </td>   
                    <td scope="col">
                        <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="fan" id="fan_3" value="3">
                        <label class="form-check-label" for="inlineRadio2">3</label>
                      </div>
                    </td>
                    <td scope="col">
                        <button type="submit" class="btn btn-primary mb-2">sure</button>
                    </td>
                   
                    </form>
                  </tr>
                  <tr>
                    <th scope="row"></th>
                    <td scope="col"></td>
                    <td scope="col">
                        <a href="./house1.html" class=""><-Go UP</a>
                    </td>
                    <td scope="col">
                        <a href="./oldhouse.html" class="">Go NExt-></a>
                    </td>
                  </tr>
                </tbody>
              </table>    
         </div>

         <div class="text text-center text-white bg-dark text-monospace"">
            <label for="">随着人工智能技术的不断发展和应用，嵌入式人工智能技术也在不断创新。目前，嵌入式人工智能技术已经实现了语音识别、图像识别、自然语言处理等多项技术突破，为嵌入式人工智能的应用提供了更多可能性。同时，嵌入式人工智能技术还在不断完善和优化，为其应用提供更加可靠和高效的支持。</label>
         </div>

</body>
</html>